
<div id="wrapper">

    <?php require_once(ADM_TEMPLATE.'menu.php'); ?>

    <div id="page">

        <div id="page-titlebar">
            <div id="page-title">Заказы</div>
        </div>

        <style>
            tr {height:80px;}
            tr:hover{background-color:#405058;color:#fff;cursor:default;}
            td {text-align:center;vertical-align:middle;}

            td a {text-decoration:none;display:inline-block;color:#000000;}
            td a:hover {color:#7BA6DE;}
            tr:hover a {color:#fff;}
            select {width: auto;}
            table{padding: 30px 0 50px;}
        </style>

        <div id="page-content">
            <table style="display:inline-block;">
                <tr style="background-color:#405058;color:#fff;">
                    <td style="width:80px;">
                        Порядковый номер
                    </td>
                    <td style="width:140px;">
                        Имя заказчика
                    </td>
                    <td style="width:180px;">
                        Телефон заказчика
                    </td>
                    <td style="width:160px;">
                        email заказчика
                    </td>
                    <td style="width:120px;">
                        Дата заказа
                    </td>
                    <td style="width:40px">
                        Статус заказа
                    </td>
                </tr>
                <?php
                $i = 1;
                while ($result = mysqli_fetch_assoc($res)):?>
                    <tr>
                        <td>
                            <?php echo $i++;?>
                        </td>
                        <td>
                            <?php echo $result["Zname"]; ?>
                        </td>
                        <td>
                            <?php echo $result["Ztelephone"]; ?>
                        </td>
                        <td>
                            <?php echo $result["Zemail"]; ?>
                        </td>
                        <td>
                            <?php echo $result["Zdate"]; ?>
                        </td>
                        <td>
                            <form id="status<?php echo $result['id'];?>">
                                <select class="slct" id="slct<?php echo $result['id'];?>" name="slct">
                                    <option <?php if ($result['Zstatus']=='new'){echo "selected";}?> value="new">
                                        новый
                                    </option>
                                    <option <?php if ($result['Zstatus']=='closed'){echo "selected";}?> value="closed">
                                        закрыто
                                    </option>
                                    <option <?php if ($result['Zstatus']=='busy'){echo "selected";}?> value="busy">
                                        перезвонить
                                    </option>
                                </select>
                            </form>

                        </td>
                    </tr>
                <?php endwhile;?>
            </table>
        </div>

    </div>

</div>
<script>
    $("select.slct").change(function(){
       var this_id=$(this).attr("id");
        this_id=this_id.replace("slct",'');

        var form_data=$("form#status"+this_id).serialize();
    $.ajax({
        type: "POST",
        url: 'ajax?action=ChangeStatus&id='+this_id,
        data: form_data,

        error: function() {
            $('#status_zakaz').text('Update failed. Try again.');
            setTimeout(function () {
                $('#status_zakaz').text('');
            }, 3000);
        },
        success: function(respons_cod) {

        switch (respons_cod) {
            case '1': $('#status_zakaz').text('Ошибка сервера');
                break;
            case '2': $('#status_zakaz').text('Ошибка сервера');
                break;
            default: $('#status_zakaz').text('Ошибка сервера');
        }
    },
    complete: function() {
        setTimeout(function() {
            $('#status_zakaz').text('');
        }, 3000);
    }
    });
    });
</script>